<<<<<<< HEAD
<template>
	<div class="Login">
		<div class="login-box">
            <!-- <el-form   label-width="100px" class="demo-ruleForm loginForm">
                <el-form-item label="邮箱" label-width="60px">
                    <el-input  type="text" v-model.lazy="email" ></el-input>
                </el-form-item>
                <el-form-item label="手机号"  label-width="60px">
                    <el-input type="tel" v-model="tel"></el-input>
                </el-form-item>
				<el-form-item label="密码"  label-width="60px">
                    <el-input type="text" v-model="pwd"></el-input>
                </el-form-item>
                <el-form-item class="btns">
                    <el-button type="primary" round @click="login">登录</el-button>
                    <el-button type="primary" round >注册</el-button>
                </el-form-item>
            </el-form> -->
            <whf></whf>
            
        </div>
		<!-- <div class="Login">
			<label for="邮箱" label-width="60px">邮箱
				<input type="text" v-model.lazy="email">
			</label>
			<br>
			<label for="手机" label-width="60px">手机
				<input type="tel" v-model="tel">
			</label>
			<br>
			<label for="密码" label-width="60px">密码
				<input type="text" v-model="pwd">
			</label>
			<br>
		<el-form  ref=""  label-width="100px">
                <el-form-item class="btns">
                    <el-button type="primary" round @click="login">登录</el-button>
                    <el-button type="primary" round @click="">注册</el-button>
                </el-form-item>
        </el-form> -->
		<!-- <div class="two">
			<button @click="login1" class=".el-button">登录</button>
			<button @click="register" class=".el-button">注册</button>
		</div> -->

		<!-- email<input  type="text" v-model.lazy="email"> <br>
		pwd<input type="text" v-model="pwd"> <br>
		<el-button @click="login1">登录</el-button> -->

		
	</div>
</template>

<script>
/**
	 * @register 登录页面
     *   whf 引用手机密码登录组件
	 ***/
import whf from '../../components/login/smlogin.vue'
export default {
	// data() {
	// 	return {
	// 		tel: "",
	// 		email: "",
	// 		pwd: ""
	// 	}
	// },
	methods: {
		// async login() {
		// 	let res = await this.$axios.post("/login1", {
		// 		email: this.email,
		// 		pwd: this.pwd
		// 	})
		// 	console.log(res)
		// }
	},
  components:{
    whf,
  }
}
</script>

<style scoped lang="scss">
@import url('https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800,900&dispaly=swap');
* {
	padding: 0;
	margin: 0;
  box-sizing: border-box;
    font-family: 'Poopins',sans-serif;
}
.Login{
	width: 100%;
	height: 740px;
	background: url("./img/62db3e56a8f1feea9d1878ab25e2656b.jpg");
	background-position: center 0px;
    background-size: cover;
	position: relative;
}
.Login .login-box{
    background-color:rgba(228, 200, 255, 0.2);
    display: flex;
    justify-content: center;
    align-items: center;
    // background:linear-gradient(45deg,#d5f2ff 0%,#c5eaff 100%);
    // flex-direction: column;
    padding: 25px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(50%, -50%);
	// filter: hue-rotate(120deg);
	// animation: animate 10s linear infinite;
}
@keyframes animate{
	0%{
       filter: hue-rotate(0deg);
	}
	50%{
		filter: hue-rotate(180deg);
	}
	100%{
       filter: hue-rotate(360deg);
	}
}
.loginForm{
    width: 300px;
    padding: 20px;
}
.el-textarea__inner,.el-input__inner{
    background: transparent !important;
    color: white;
}
// .two {
// 	width: 150px;
// 	height: 50px;
// 	position: relative;
// 	padding-top: 480px;
// 	padding-left: 700px;
// }

// .el-button {
// 	display: inline-block;
// 	line-height: 1;
// 	white-space: nowrap;
// 	cursor: pointer;
// 	background: #FFF;
// 	border: 1px solid #DCDFE6;
// 	color: #606266;
// 	text-align: center;
// 	box-sizing: border-box;
// 	outline: 0;
// 	margin: 0;
// 	transition: .1s;
// 	font-weight: 500;
// 	padding: 12px 20px;
// 	font-size: 14px;
// 	border-radius: 4px;
// }

// .success1 {
// 	border: 1px green solid;
// }

// .faild1 {
// 	border: 1px red solid;
// }
</style>
=======
<script setup>
import Login from "../../components/login/index.vue";
</script>
<template>
<Login></Login>
</template>
<style scoped lang="scss"></style>
>>>>>>> 7ec4b50b3894c1be8ba56555f155f1d0f97f85cd
